<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>${webConfig.name}</title>
    <meta name="keywords" content="${webConfig.keyword}">
    <link rel="stylesheet" href="${s.base}/mobile/css/weui.min.css">
    <link rel="stylesheet" href="${s.base}/mobile/css/jquery-weui.min.css">
    <link rel="stylesheet" href="${s.base}/mobile/css/index.css">
</head>

<body>
    <div class="head">
        <img src="${s.base}/mobile/img/47.png" alt="">
        <img src="${webConfig.logo}" alt="">
        <img src="${s.base}/mobile/img/42.png" alt="">
    </div>
    <div id="swiper" class="swiper-container" data-pagination='.swiper-pagination' data-autoplay="1000">
        <div class="swiper-wrapper">
            <#list bannerList as banner>
                <div class="swiper-slide">
                    <a href="${banner.url!'javascript:void(0)'}"><img style="width:100%;height: 200px" src="${banner.image}"/></a>
                </div>
            </#list>
        </div>
    </div>
    <img class="midImg" src="${s.base}/mobile/img/48.png" alt="">
    <div class="block_coin">
        <div>
            <img src="${s.base}/mobile/img/11.png" alt="">
            <p>基因检测</p>
        </div>
        <div>
            <img src="${s.base}/mobile/img/10.png" alt="">
            <p>儿童疫苗</p>
        </div>
        <div>
            <img src="${s.base}/mobile/img/5.png" alt="">
            <p>成人疫苗</p>
        </div>
        <div>
            <img src="${s.base}/mobile/img/6.png" alt="">
            <p>基因检测</p>
        </div>
    </div>
    <div class="block_coin1">
        <div>
            <img src="${s.base}/mobile/img/7.png" alt="">
            <p>基因检测</p>
        </div>
        <div>
            <img src="${s.base}/mobile/img/8.png" alt="">
            <p>儿童疫苗</p>
        </div>
        <div>
            <img src="${s.base}/mobile/img/9.png" alt="">
            <p>成人疫苗</p>
        </div>
        <div>
            <img src="${s.base}/mobile/img/49.png" alt="">
            <p>其他服务</p>
        </div>
    </div>
    <div class="bannerMore">
        <img class='banner2' style="margin: 30px 0;" src="${s.base}/mobile/img/51.png" class="" alt="">
        <img class='banner2' src="${s.base}/mobile/img/52.png" class="" alt="">
        <img class='banner2' src="${s.base}/mobile/img/53.png" class="" alt="">
        <img class='banner2' src="${s.base}/mobile/img/54.png" class="" alt="">
        <img class='banner2' src="${s.base}/mobile/img/55.png" class="" alt="">
        <img class='banner2' style="height: 78px;margin: 20px 0px;" src="${s.base}/mobile/img/56.png" class="" alt="">
    </div>
    <div class="weui-tab">
        <div class="weui-navbar">
            <#list webCatalogList as webCatalog>
                <a  class="weui-navbar__item <#if webCatalog_index == 0>weui-bar__item--on</#if>" href="#tab${webCatalog.id}">
                    ${webCatalog.name}
                </a>
            </#list>
        </div>
        <div class="weui-tab__bd">
            <#list webCatalogList as webCatalog>
            <div id="tab${webCatalog.id}" class="weui-tab__bd-item <#if webCatalog_index == 0>weui-tab__bd-item--active</#if> ">
                <#if webCatalog.informationList?? && (webCatalog.informationList?size gt 0)>
                    <#list webCatalog.informationList as information>
                        <#if information_index == 0>
                            <div class="tab_block">
                                <img src="${information.showPic}" style="width:100%;height:200px" alt="">
                                <div class="banner_font">
                                    <div class="days">
                                        <p>${information.createTime?string('dd')}</p>
                                        <p>/${information.createTime?string('MM')}</p>
                                    </div>
                                    <div class="days_title">
                                        <p>${information.title}</p>
                                        <p>${information.description}</p>
                                    </div>
                                </div>
                            </div>
                        </#if>
                    </#list>

                <div class="newsList">
                    <#list webCatalog.informationList as information>
                        <#if information_index gt 0 >
                            <div class="new_block"  onclick="window.location.href='/web/news/${information.id}'">
                                <div>
                                    <span class="fangkuani"></span>
                                    <p>${information.title}</p>
                                </div>
                                <p class="new_days">${information.createTime?string('yyyy/MM/dd')}</p>
                            </div>
                        </#if>
                    </#list>
                </div>
                </#if>
            </div>
            </#list>
        </div>
        <div class="more">
            <img src="${s.base}/mobile/img/57.png" alt="">
        </div>
        <!-- 这里的banner图见上 -->
        <img class="lastbanner" src="${s.base}/mobile/img/58.png" alt="">
    </div>









    <div style="width:100%;height:100px">

    </div>
    <div id="tarBar">
        <div class="tarbarFont active" onclick="goHomePage()">
            <img src="${s.base}/mobile/img/45.png" alt="">
            <p>首页</p>
        </div>
        <div class="tarbarFont" onclick="goProduct()">
            <img src="${s.base}/mobile/img/40.png" alt="">
            <p>服务中心</p>
        </div>
        <div class="tarbarFont" onclick="goNews()">
            <img src="${s.base}/mobile/img/27.png" alt="">
            <p>活动咨询</p>
        </div>
        <div class="tarbarFont" onclick="goLinkMe()">
            <img src="${s.base}/mobile/img/38.png" alt="">
            <p>联系我们</p>
        </div>
    </div>
</body>

</html>
<!-- body 最后 -->
<script src="${s.base}/mobile/js/jquery.min.js"></script>
<script src="${s.base}/mobile/js/jquery-weui.min.js"></script>
<!-- 如果使用了某些拓展插件还需要额外的JS -->
<script src="${s.base}/mobile/js/swiper.min.js"></script>
<script src="${s.base}/mobile/js/city-picker.min.js"></script>
<script src="${s.base}/mobile/js/base.js"></script>
<script>
    $(".swiper-container").swiper()
</script>